<template>
	<!-- a4纸a3纸打印顶部切换栏 -->
	<view class="just-between bg-f8" style="padding: 20rpx;">
		<view class="aj-center" :class="active ==0?'bg ':'notbg'" style="width: 270rpx;height: 50rpx;"
			@click="domsubmitBolen &&  add(0)">
			A4纸
		</view>
		<view class="aj-center" :class="active ==1?'bg':'notbg'" style="width: 270rpx;height: 50rpx;"
			@click="domsubmitBolen &&  add(1)">
			A3纸
		</view>
	</view>
</template>
<script>
	export default {
		props: {
			A4: {
				type: String,
				default: 'A4纸'
			},
			A3: {
				type: String,
				default: 'A3纸'
			},
			domsubmitBolen: {
				type: Boolean,
				default: true,
			}
		},
		data() {
			return {
				active: 0,
			}
		},
		methods: {
			add(index) {
				this.active = index;
				this.$emit('addselect', index)
			}
		}

	}
</script>

<style>
	/* 选中的 */
	.bg {
		background: #FFFFFF;
		font-size: 24rpx;
		font-weight: 500;
		color: #222222;
	}

	.notbg {
		font-size: 24rpx;
		font-weight: 500;
		color: #999999;
	}
</style>
